<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Join Groundswell!</title>
<link href="../_css/main.css" rel="stylesheet" type="text/css" media="screen, projection" />
</head>

<body>
<div id="wrapper">
<div id="header">
<div id="contactButton"><a href="mailto:contact@groundswell.com" title="contact us">Contact Us</a></div>
<img src="../_assets/banner.gif" width="770" height="110" alt="Groundswell" />
<div id="mainNav">
<ul>
<li><a href="../index.htm">Home</a></li>
<li><a href="../gear.htm">Gear</a></li>
<li><a href="../lifestyle.htm" class="current">Lifestyle</a></li>
<li><a href="../videos.htm">Videos</a></li>
</ul>
</div>
</div>
<div id="identifier"><img src="../_images/lifestyle_banner.jpg" width="770" height="90" alt="Live the lifestyle" /></div>
<div id="sidebar">
  <h3>New Members</h3>
  <p>Want to be featured in our new members section? Send us a photo along with you new member signup!</p>
  <img src="../_images/new_01.jpg" alt="new members"width="200" height="160" /><p class="caption">Tommy Valentine -California</p><img src="../_images/new_02.jpg" alt="ventura set" width="200" height="160" id="thumb_02" />
  <p class="caption">Gavin Kooning -S. Africa</p>
  <img src="../_images/new_04.jpg" alt="ventura set" width="200" height="160" />
  <p class="caption">Caroline Moore - Florida</p>
  <img src="../_images/new_03.jpg" alt="ventura set" width="200" height="160" />
  <p class="caption">Joe Keels - Hawaii</p></div>
<div id="mainContent">
<div id="subNav">
  <ul id="lifestyleSubNav">
    <li><a href="journal.htm">Journal</a></li>
    <li><a href="photos.htm">Photos</a></li>
    <li><a href="conditions.htm">Surf Conditions</a></li>
    <li><a href="register.htm" class="last current">Register</a></li>
</ul>
</div>
<div id="regForm">
  <h1 class="clearLeft">Join Groundswell!</h1>
  <p>Join our community and receive exclusive emails, special deals on Groundswell gear, tickets to surfing events, and much more! Registration is fast and free, hit us up!</p>
  <form id="frmRegister" name="frmRegister" method="post" action="registration_complete.htm">
    <fieldset>
      <legend>Account Info:</legend>
      <p><span id="userName">
      <label for="name">User Name:</label>
      <input name="name" type="text" class="text" id="name" tabindex="10" /><br />
      <span class="textfieldRequiredMsg">User Name should be your email address.</span><span class="textfieldInvalidFormatMsg">Must be a valid email address.</span></span></p>
      <p><span id="password1">
      <label for="pwd2">Password:</label>
      <input name="pwd" type="password" class="text" id="pwd2" tabindex="20" /><br />
      <span class="passwordRequiredMsg">4 - 10 characters.</span><span class="passwordMinCharsMsg">4 - 10 characters</span><span class="passwordMaxCharsMsg">4 - 10 characters</span></span></p>
      <p><span id="confirm1">
        <label for="confirm2">Confirm Password:</label>
        <input name="confirm" type="password" class="text" id="confirm2" tabindex="30" /><br />
        <span class="confirmRequiredMsg">You must have a password!</span><span class="confirmInvalidMsg">This doesn't match your password.</span></span><br />
      </p>
    </fieldset>
    <fieldset>
      <legend>Personal Info:</legend>
      <p>
        <label for="fName">First Name:</label>
        <input name="fName" type="text" class="text" id="fName" tabindex="40" />
      </p>
      <p>
        <label for="lName">Last Name:</label>
        <input name="lName" type="text" class="text" id="lName" tabindex="50" />
      </p>
      <p> What region are you in?
<select name="region" id="region" tabindex="60">
  <option value="usae" selected="selected">USA - East Coast</option>
  <option value="usaw">USA - West Coast</option>
  <option value="ha">Hawaii</option>
  <option value="la">Latin America</option>
  <option value="cb">Caribbean</option>
  <option value="sa">South Africa</option>
  <option value="au">Australia</option>
        </select>
      </p>
      <p>How long have you been surfing?<br />
        <label>
          <input type="radio" name="surfLength" value="newbie" id="surfLength_0" tabindex="70" />
          0 - 2 years</label>
        <br />
        <label>
          <input type="radio" name="surfLength" value="medium" id="surfLength_1" tabindex="80" />
          3 - 5 years</label>
        <br />
        <label>
          <input type="radio" name="surfLength" value="experienced" id="surfLength_2" tabindex="90" />
          6 +</label>
</p>
      <p>What Groundswell features do you use often?<br />
        <input type="checkbox" name="shop" id="shop" tabindex="100" />
        <label for="shop">Shopping</label>
        <input type="checkbox" name="reports" id="reports" tabindex="110" />
        <label for="reports">Surf Reports</label>
         <input type="checkbox" name="video" id="video" tabindex="120" />
         <label for="video">Videos</label>
          <input type="checkbox" name="community" id="community" tabindex="130" />
          <label for="community">Community features</label>
</p>
      <p>
        <label for="comments">Additional Comments:</label>
      </p>
      <div id="commentsSection">
        <textarea name="comments" id="comments" cols="45" rows="5" tabindex="140"></textarea>
      </div>
      <p>
        <input type="checkbox" name="journal" id="journal" tabindex="150" />
        <label for="journal">I want to submit a journal!</label>
</p>
      <p>
        <input type="submit" name="submit" id="submit" value="Join Groundswell!" tabindex="160" />
        <br />
      </p>
    </fieldset>
            </form>
  <form action="http://www.lynda.com/search" method="get" name="frmLynda" target="_blank" id="frmLynda">
    <p>
      <label for="q">Search lynda.com's online training library:</label>
      <input name="q" type="text" id="q" size="50" />
      &nbsp; 
      <input type="submit" name="submit2" id="submit2" value="Search" />
</p>
  </form>
<p>&nbsp;</p>
</div></div>

<div id="footer">
<p>&copy; Groundswell Surf <a href="../privacy.htm">Privacy Policy</a> | <a href="../terms.htm">Terms and Conditions</a></p>
</div>
</div>
</body>
</html>
